<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="billboard.js"></script>
<script type="text/javascript" src="div-classes.js"></script>
<title>Class Test</title>
</head>

<body>
<div id="timer"></div>
<div id="labelID">label ID</div>
<div id="contentID">Content ID</div>
<div id="arraySize">Array Size</div>
<div id="arrayList">Array Contents</div>
<div id="currentContent">Current Content</div>

<div id="label2">Label 2</div>
<div id="currentContent2">Current Content2</div>

<script type="text/javascript">
var test = new billboardSegment("labelID", "currentContent");
test.addContent("someURL or img");
test.addContent("URL");
test.addContent("img");

var test2 = new billboardSegment("label2", "currentContent2");
test2.addContent("someURL2");
test2.addContent("URL2");
test2.addContent("img2");

test.start(0,6);
test2.start(1,10);

document.getElementById("arraySize").innerHTML = "Array Size: "+ test.content.length;
document.getElementById("arrayList").innerHTML = "Array Contents: " + test.content.toString();
document.getElementById("labelID").innerHTML = "Array labelID: "+ test.labelID;
document.getElementById("contentID").innerHTML = "Array contentID: " + test.contentID;
</script>
</body>
</html>
